{% extends  'base.html' %}

{% block menu %}
	<li><img src="/static/images/Checkmark.png" /><a href="/collections/new">Nova Coleção</a></li>
	<li><img src="/static/images/Checkmark.png" /><a href="/categories/new">Nova Categoria</a></li>
{% endblock %}

{% block content %}

	<div id="collections" class="center">
		
		{% for c in collections %}
			<div title="{{c.name}}">
				<a href="/collections/{{c.id}}">
					<img src="{{c.cover}}" alt="{{c.name}}" />
				</a>
			</div>												
		{% endfor %}
			
	</div>
	
	<script type="text/javascript">		
		$(document).ready(function(){ $('#collections').jshowoff({ 
			effect: 'none',
			hoverPause: false,
			controls: false,
			controlText: {
				play: 'Play',
				pause: 'Pause',
				previous: 'Previous',
				next: 'Next'
			}, 
			speed: 120000
		}); });
	</script>
	
	{% if not collections %}
		<div class="sidebar">
			<h3>Não há coleções!</h3>
		</div>
	{% endif %}

{% endblock %}